<template>
	<view class="dispose-enterprise">
		<titleName :name="name"></titleName>
		<view class="title-bgc"></view>
		<view class="content-wrap">
			<view class="title-search">
				<div class="ipt-wrap">
					<image src="/static/search.png" mode=""></image>
					<input type="text" placeholder="搜索" placeholder-class="ipt-class" />
					<button>查询</button>
				</div>
				<view class="filtrate">
					<image src="/static/feedback-icon.png" mode=""></image> <text>筛选</text>
				</view>
			</view>
			<view class="list">
				<view class="item" @click="jumpDetail">
					<view class="title-wrap">
						<view class="enterprise">企业名称：河南全会有限公司</view>
						<image
							src="https://splendid.oss-cn-beijing.aliyuncs.com/static/imghazardouswaste/right-arrow.png"
							mode=""></image>
					</view>
					<view class="type">
						年产废规模：10-100吨
					</view>
					<view class="quality">环保管理员：李强</view>

				</view>


			</view>
		</view>

	</view>
</template>

<script setup>
	import titleName from '../../components/titleName.vue'
	import http from '../../request/index'
	import uploadFile from '../../request/uploadFile.js'
	import {
		onShow
	} from '@dcloudio/uni-app'
	import {
		reactive,
		ref
	} from 'vue'

	let name = "处置企业"
	onShow(() => {

	})
	let jumpDetail = () => {
		uni.navigateTo({
			url: "/contorllerPageOther/disposeenterprisedetail/disposeenterprisedetail"
		})
	}
</script>

<style lang="scss" scoped>
	:deep(.ipt-class) {

		font-weight: 400;
		font-size: 25rpx;
		color: #666666;


	}

	.dispose-enterprise {
		width: 100vw;
		height: 100vh;

		.title-bgc {
			width: 750rpx;
			height: 160rpx;
			background: #0874FA;
		}

		.content-wrap {
			width: 100vw;
			height: calc(100vh - 160rpx);
			background-color: #F3F5F7;

			.list {
				height: calc(100vh - 160rpx - 120rpx);
				overflow: scroll;
				display: flex;
				align-items: center;
				flex-direction: column;
				padding-bottom: 40rpx;

				.item:nth-of-type(1) {
					margin-top: 0 !important;
				}

				.item {
					margin-top: 22rpx;
					padding-left: 40rpx;
					padding-right: 32rpx;
					width: 707rpx;
					height: 227rpx;
					background: #FFFFFF;
					border-radius: 14rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-evenly;
					flex-shrink: 0;

					.title-wrap {
						display: flex;
						align-items: center;
						justify-content: space-between;

						.enterprise {

							font-weight: 500;
							font-size: 31rpx;
							color: #222222;
						}

						image {
							width: 15rpx;
							height: 25rpx;
						}
					}

					.type,
					.time,
					.quality {

						font-weight: 400;
						font-size: 28rpx;
						color: #666666;

					}
				}
			}

			.title-search {
				padding: 30rpx 40rpx 22rpx 22rpx;
				display: flex;
				align-items: center;

				.ipt-wrap {
					width: 581rpx;
					height: 67rpx;
					background: #FFFFFF;
					border-radius: 34rpx;
					flex-shrink: 0;
					display: flex;
					align-items: center;
					justify-content: space-between;
					padding-left: 30rpx;

					image {
						width: 28rpx;
						height: 28rpx;
					}

					input {
						padding-left: 17rpx;

						height: 100%;
						flex-shrink: 0;
						font-weight: 400;
						font-size: 25rpx;
						color: #666666;
						flex-grow: 1;
						padding-right: 50rpx;
					}

					button {
						width: 112rpx;
						height: 67rpx;
						background: #0874FA;
						border-radius: 14rpx;
						font-weight: 500;
						font-size: 31rpx;
						color: #FFFFFF;
						line-height: 67rpx;

					}
				}

				.filtrate {
					display: flex;
					align-items: center;
					margin-left: 19rpx;

					image {
						width: 31rpx;
						height: 33rpx;
						margin-right: 10rpx;
					}

					text {


						font-weight: 500;
						font-size: 25rpx;
						color: #212121;

					}
				}
			}
		}
	}
</style>